﻿/* Indigo dark #2E0854 */
/* Indigo light #4B0082 */
/* Electric Indigo #6600FF*/
/* Sun Yellow #FFE87C*/
/* diamond blue	#0EBFE9 */

@font-face {
    font-family: 'font-comswing';
    src: url('../fonts/font-comswing.eot');
    src: url('../fonts/font-comswing.eot?#iefix') format('embedded-opentype'), url('../fonts/font-comswing.svg#font-comswing') format('svg') url('../fonts/font-comswing.ttf') format('truetype'), url('../fonts/font-comswing.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'font-comswing';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-swing:before {
    content: "\e600";
}

html, body {
    background: url('/Resources/Images/main-background.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

.color-white {
    background-color: #F7F7F7;
}

.help-warning {
    margin-left: 5px;
    font-size: 15px;
    color: #FFE87C;
    cursor: pointer;
}

.help-info {
    margin-left: 5px;
    font-size: 15px;
    color: #0EBFE9;
    cursor: pointer;
}

.header-margin {
    width: 100%;
    height: 80px;
}

.separator-smaller {
    width: 100%;
    height: 15px;
}

.separator-small {
    width: 100%;
    height: 30px;
}

.separator-medium {
    width: 100%;
    height: 60px;
}

.separator-large {
    width: 100%;
    height: 90px;
}

.indent-left-small {
    padding-left: 15px;
}

.indent-left-medium {
    padding-left: 30px;
}

.indent-left-large {
    padding-left: 45px;
}

h2 {
    font-family: "Segoe UI Light","Segoe UI Web Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Light","Helvetica Neue",Arial,sans-serif;
    color: #4B0082;
    margin: 0;
    position: relative;
    right: 15px;
}

h1 {
    color: #4B0082 !important;
    margin: 0;
}

small, .small {
    font-size: 65%;
}

.inputerror {
    border-color: #FFE87C;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 232, 124, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 232, 124, 0.6);
}

.help-popup {
    position: relative;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

.border-indigo {
    border-color: #4B0082;
}

.swing-row {
    margin-bottom: 15px;
    padding-left: 11px;
    border-left-width: 11px;
    border-left-style: solid;
    background-color: #FFFFFF;
}

.swing-row-part {
    padding: 15px;
}

.swing-row .pull-right i {
    margin-right: 5px;
    color: #AAAAAA;
}

.symbol {
    margin-right: 5px;
    color: #AAAAAA;
}
